/**
 * Created by 小敏哥 on 2017/9/8.
 */
import React, {Component} from 'react';
import style from './index.scss';
import PageBar from '../../components/common/pageBar';
import AlipayJSOperation from '../../utils/alipayJSOperation';

class InspectionTips extends Component {
    constructor(props) {
        super(props);
    }

    componentDidMount() {
        let title=this.props.params.inspectionType==1?'6年免检':'上线检测';
        AlipayJSOperation.setRightButtonStatus(false);
        AlipayJSOperation.setTitle(title);
        document.querySelector("title").innerHTML = title;
    }

    render() {
        let type = this.props.params.inspectionType;
        return <div className={style.container}>
            <PageBar title={type==1?'6年免检':'上线检测'} isHome={true}/>
            <h3>{type == 1 ? '什么是6年免检？' : '什么是上线检测？'}</h3>
            <p className={style.content}>{type == 1 ? '免上线年检指的是，2010年8月31日以后上牌的七座以下的非营运小型客车，六年内可免上线检测。' : '上线年检指的是需要上检测线检测各项指标，合格者发放年检标志。'}</p>
            <h3>办理材料</h3>
            {type == 1 ? <div className={style.content}>
                    <p>1. 有效期内交强险副本原件；</p>
                    <p>2. 有效期内车船税发票原件（如交强险含车船税，则无需 提供）；</p>
                    <p>3. 车主身份证复印件（正反面）；</p>
                    <p>4. 车辆行驶证原件正副本；</p>
                    <p>5. 车辆登记证书复印件（仅粤牌车需提供）;</p>
                    <p>6. 铭牌照片或完税证明（仅进口车需提供）；</p>
                    <p>7. 机动车业务委托书（仅公司车需提供）。</p>
                </div> : <div className={style.content}>
                    <p>1. 车辆行驶证原件正副本；</p>
                    <p>2. 有效期内交强险副本原件；</p>
                    <p>3. 有效期内车船税发票原件（如交强险含车船税，则无需提供）。</p>
                </div>}
        </div>
    }
}

export default InspectionTips